<template>
  <div style="width: 100%">
    <div style="box-shadow: #fff 20px -3px 17px 1px;">
      <div style="float: left;height: 60px;padding: auto 0;color: white;margin-left: 20px;">
        <div style="line-height: 60px;">
          <i class="el-icon-s-unfold fontColor"></i>
          <span slot="title" class="fontColor"> 全部项目</span>
      </div>
      </div>
      <div style="margin:0 auto;width: 206px;">
        <el-menu
          :default-active="$route.path"
          class="el-menu-demo"
          mode="horizontal"
          background-color="#2a2d2f"
          text-color="#fff"
          active-text-color="#ffd04b"
          style="border-bottom: none;display: inline-block"
          router>
          <el-menu-item index="/user/projects/myProjects/allProjects">我的项目</el-menu-item>
          <el-menu-item index="/user/projects/myProjects/deleted">项目回收站</el-menu-item>
        </el-menu>
      </div>
    </div>
    <router-view @addProject="addProject"></router-view>
  </div>
</template>

<script>
    export default {
        name: "AllProjects",
      data() {
        return {

        };
      },
      created:function() {
        this.$emit("updatePath","/user/projects/myProjects/allProjects")

      },
      methods: {
        //添加项目
        addProject() {
          this.$emit("addProject");
        }
      }
    }
</script>

<style scoped>

</style>
